<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" type="text/css" href="css/vanc.css" />
		<script language="javascript" type="text/javascript" src="jQuery/jquery-3.1.1.js"></script>
		<script language="javascript" type="text/javascript" src="js/vanc.js"></script>
		<script src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript">
			$(function() {
				$('[data-toggle="tooltip"]').tooltip();
				$('[data-toggle="popover"]').popover();
				$('.carousel').carousel({
					interval: 2000
				});
			});
		</script>
		<style type="text/css">
			#carousel-example-generic ol .active {
				background-color: #A10000;
			}
		</style>
	</head>

	<body>

		<!--右侧固定导航栏-->
		<div id="menu">
			<ul>
				<li>
					<a href="#item1" class="current">1F 春季新品预售</a>
				</li>
				<li>
					<a href="#item2">2F 更多精品</a>
				</li>
				<li>
					<a href="#item3">3F 早春直降特惠区</a>
				</li>
				<li>
					<a href="#item4">4F 韩国购 全场6折</a>
				</li>
				<li>
					<a href="#">返回顶部</a>
				</li>
				<li>
					<img src="images/nav1.png" alt="" />
					<span>下载app</span>
				</li>
				<li>
					<img src="images/nav2.png" alt="" />
					<span>联系客服</span>
				</li>
			</ul>
		</div>

		<!--头部-->
		<div id="top">
			<div class="in">
				<!--居中main-->
				<div class="main-top">
					<div class="nav">
						<span class="nav-span1">
							您好,欢迎光临凡客诚品！
						</span>
						<a class="nav-search1" href="">登录</a>
						<span class="nav-span2">|</span>
						<a class="nav-search4" href="">注册</a>
						<a class="nav-search2" href="">我的订单</a>
						<a href="" class="nav-search3">网站公告</a>
						<img src="images/w1.jpg" class="wechat" />
						<img src="images/w2.jpg" class="webo" />
					</div>
				</div>
			</div>
		</div>
		<!--搜索框-->
		<div id="search">
			<div class="search1">
				<div class="search2">
					<!--input搜索框-->
					<input type="text" name="search" placeholder="搜“休闲裤”，体验与众不同" />
					<button class="btn1"></button>

				</div>
				<div class="search3">
					<!--购物车图标-->
					<span><a href="">购物车(0)</a></span>
				</div>
				<div class="search4">
					<span>热门搜索：</span>
					<ul>
						<li>
							<a href="">T恤</a>
						</li>
						<li>
							<a href="">免烫衬衫</a>
						</li>
						<li>
							<a href="">黑标</a>
						</li>
						<li>
							<a href="">羊毛大衣</a>
						</li>
						<li>
							<a href="">休闲裤</a>
						</li>
						<li>
							<a href="">户外鞋</a>
						</li>
						<li>
							<a href="">袜品</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--主体内容-->
		<div id="main">
			<!--ul导航栏-->
			<div class="nav-van">
				<div class="nav-img"><img src="images/logo18546.png" /></div>
				<ul class="nav-ul">
					<li>
						<a href="">首页</a>
					</li>
					<li id="a1">
						<a href="">T恤<img class="a-tips" src="images/new_0308.png" alt="" /></a>
						<dl class="nav-a">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>
					<li id="a2">
						<a href="">衬衫</a>
						<dl class="nav-a2">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a3">
						<a href="">黑标</a>
						<dl class="nav-a3">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a4">
						<a href="">外套</a>
						<dl class="nav-a4">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a5">
						<a href="">水柔棉</a>
						<dl class="nav-a5">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a6">
						<a href="">裤装</a>
						<dl class="nav-a6">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a7">
						<a href="">鞋</a>
						<dl class="nav-a7">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li id="a8">
						<a href="">家居配饰</a>
						<dl class="nav-a8">
							<dd>
								<a href="">义系列</a>
							</dd>
							<dd>
								<a href="">药系列</a>
							</dd>
							<dd>
								<a href="">简鱼</a>
							</dd>
							<dd>
								<a href="">十二生肖</a>
							</dd>
							<dd>
								<a href="">张爱玲</a>
							</dd>
							<dd>
								<a href="">穆旦</a>
							</dd>
							<dd>
								<a href="">马尔克斯</a>
							</dd>
							<dd>
								<a href="">艺术家</a>
							</dd>
						</dl>
					</li>

					<li>
						<a href="">韩国代购</a>
					</li>
				</ul>
			</div>

			<!--banner-->
			<!--<div id="fade_focus" style="border: none;">
				<div class="loading">Loading...<br /><img src="images/5F.jpg" width="100" height="100" /></div>
				<ul>
					<li><img src="images/11.jpeg" width="1500" height="668" alt="展示图片1" /></li>
					<li><img src="images/11.jpeg" width="1500" height="668" alt="展示图片2" /></li>
					<li><img src="images/11.jpeg" width="1500" height="668" alt="展示图片3" /></li>
				</ul>
			</div>-->
			<!--轮播图-->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active acti"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					<li data-target="#carousel-example-generic" data-slide-to="3"></li>
					<li data-target="#carousel-example-generic" data-slide-to="4"></li>
					<li data-target="#carousel-example-generic" data-slide-to="5"></li>
					<li data-target="#carousel-example-generic" data-slide-to="6"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img src="images/banner1.jpg" width="100%" alt="...">
						<div class="carousel-caption">
							<!--这里可以写字-->
						</div>
					</div>
					<div class="item">
						<img src="images/banner2.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
					<div class="item">
						<img src="images/banner3.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
					<div class="item">
						<img src="images/banner4.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
					<div class="item">
						<img src="images/banner5.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
					<div class="item">
						<img src="images/banner6.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
					<div class="item">
						<img src="images/banner7.jpg" width="100%" alt="...">
						<div class="carousel-caption">

						</div>
					</div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>

			<!--图片导航-->
			<div class="img-nav">
				<a href=""></a>
			</div>

			<!--春季新品预售-->
			<div id="item1" class="text item">
				春季新品预售
			</div>

			<!--4张图片一行-->
			<div class="line-4">
				<ul>
					<li>
						<a href=""><img src="images/1200_43.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/1200_45.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/1200_47.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/1200_49.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/35.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/36.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/37.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/38.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/39.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/40.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/41.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/47.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/43.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/44.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/45.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/46.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/42.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/48.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/49.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/50.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/51.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/52.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/53.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/54.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/55.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/56.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/57.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/58.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/59.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/60.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/61.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/62.jpg" alt="" /></a>
					</li>
				</ul>
			</div>

			<!--更多精品-->
			<div id="item2" class="text item">
				更多精品
			</div>

			<!--3张一行-->
			<div class="line-3">
				<!--3列-->
				<!--第一列-->
				<div class="col">
					<img src="images/07.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
				<!--第二列-->
				<div class="col col-2">
					<div class="col-d1">
						<img src="images/09.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
					<div class="col-d2">
						<img src="images/12.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
				</div>
				<!--第三列-->
				<div class="col col-3">
					<img src="images/04.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
			</div>

			<!--3张一行-->
			<div class="line-3">
				<!--3列-->
				<!--第一列-->
				<div class="col">
					<img src="images/13.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
				<!--第二列-->
				<div class="col col-2">
					<div class="col-d1">
						<img src="images/14.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
					<div class="col-d2">
						<img src="images/15.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
				</div>
				<!--第三列-->
				<div class="col col-3">
					<img src="images/16.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
			</div>

			<div id="item3" class="text item">
				早春直降特惠区
			</div>

			<!--3张一行-->
			<div class="line-3">
				<!--3列-->
				<!--第一列-->
				<div class="col">
					<img src="images/17.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
				<!--第二列-->
				<div class="col col-2">
					<div class="col-d1">
						<img src="images/18.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
					<div class="col-d2">
						<img src="images/19.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
				</div>
				<!--第三列-->
				<div class="col col-3">
					<img src="images/20.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
			</div>

			<div id="item4" class="text item">
				韩国购 全场6折
			</div>

			<!--3张一行-->
			<div class="line-3">
				<!--3列-->
				<!--第一列-->
				<div class="col">
					<img src="images/21.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
				<!--第二列-->
				<div class="col col-2">
					<div class="col-d1">
						<img src="images/22.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
					<div class="col-d2">
						<img src="images/23.jpg" alt="" />
						<div class="col-tip">
							<span class="col-s1">凡客商务衬衫</span>
							<div class="col-1-1">
								<span class="col-s2">充值后相当于</span>
								<span class="col-s3">89元起</span>
							</div>
						</div>
					</div>
				</div>
				<!--第三列-->
				<div class="col col-3">
					<img src="images/24.jpg" alt="" />
					<div class="col-tip">
						<span class="col-s1">凡客商务衬衫</span>
						<div class="col-1-1">
							<span class="col-s2">充值后相当于</span>
							<span class="col-s3">89元起</span>
						</div>
					</div>
				</div>
			</div>

			<!--客服-->
			<div class="about">
				<div class="about1">
					<div class="about-div"></div>
					<div class="about-div2"></div>
					<div class="about-div3"></div>
				</div>
				<div class="about2">
					<ul>
						<li>
							<a href="">关于凡客</a>
						</li>
						<li>
							<a href="">新手指南</a>
						</li>
						<li>
							<a href="">配送范围及时间</a>
						</li>
						<li>
							<a href="">支付方式</a>
						</li>
						<li>
							<a href="">售后服务</a>
						</li>
						<li>
							<a href="">帮助中心</a>
						</li>
					</ul>
				</div>
			</div>

			<!--下划线-->
			<hr />

		</div>

		<div id="foot">
			<p>
				Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
			</p>
			<p>
				凡客诚品（北京）科技有限公司
			</p>
			<div class="companer">
				<ul>
					<li>
						<a href=""><img src="images/28.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/29.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/30.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/31.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img class="extra" src="images/32.jpg" alt="" /></a>
					</li>
					<li>
						<a href=""><img src="images/33.jpg" alt="" /></a>
					</li>
				</ul>
			</div>
		</div>

	</body>

</html>